<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>创建商品</title>
	<link rel="stylesheet" href="static/assets/global/plugins/bootstrap/css/bootstrap.min.css"  rel="stylesheet" type="text/css">
	<link rel="stylesheet" href="static/assets/global/css/components.css"  rel="stylesheet" type="text/css">
	<link rel="stylesheet" href="static/assets/admin/pages/css/login.css"  rel="stylesheet" type="text/css">
	<script src="static/assets/global/plugins/jquery-1.11.0.min.js" type="text/javascript"></script>
</head>
<body class="login">
	<div class="content">
		<h3 class="form-title">商品详情</h3>

		<div class="form-group" id="promoStartDateContainer">
			<label for="name" class="control-label" style="color:blue;" id="promoStatus"></label>
			<div>
				<label class="control-label" style="color:red;" type="text" name="promoStartDate" id="promoStartDate">
			</div>
		</div>


		<div class="form-group">
			<label for="title" class="control-label">商品名</label>
			<div>
				<label class="control-label" type="text"  name="title" id="title">
			</div>
		</div>

		<div class="form-group">
			<label for="description" class="control-label">商品描述</label>
			<div>
				<label class="control-label" type="text"  name="description" id="description">
			</div>
		</div>

		<div class="form-group" id="normalPriceContainer">
			<label for="name" class="control-label">价格</label>
			<div>
				<label class="control-label" type="text" name="price" id="price">
			</div>
		</div>

		<div class="form-group" id="promoPriceContainer">
			<label for="name" class="control-label" style="color:red;">秒杀价格</label>
			<div>
				<label class="control-label" style="color:red;" type="text" name="promoPrice" id="promoPrice">
			</div>
		</div>

		<div class="form-group">
			<label for="imgUrl" class="control-label">图片</label>
			<div>
				<img src="" style="width:200px;height:auto;" alt="" id="imgUrl">	
			</div>
		</div>

		<div class="form-group">
			<label for="stock" class="control-label">库存</label>
			<div>
				<label class="control-label" type="text" name="stock" id="stock">
			</div>
		</div>

		<div class="form-group">
			<label for="stock" class="control-label">销量</label>
			<div>
				<label class="control-label" type="text" name="sales" id="sales">
			</div>
		</div>

		<div class="form-actions">
			<button class="btn blue" id="createorder" type="submit">下单</button>
		</div>
	</div>
</body>
<script>

	function getParam(paramName){ 
		paramValue = "", isFound = !1;     
		if (this.location.search.indexOf("?") == 0 && this.location.search.indexOf("=") > 1) {     
			arrSource = unescape(this.location.search).substring(1, this.location.search.length).split("&"), i = 0;
			while (i < arrSource.length && !isFound)
					arrSource[i].indexOf("=") > 0 && arrSource[i].split("=")[0].toLowerCase() == paramName.toLowerCase() && (paramValue = arrSource[i].split("=")[1], isFound = !0), i++
		}
		return paramValue == "" && (paramValue = null), paramValue;
	}

	jQuery(document).ready(function(){
		var g_itemVO;
		$.ajax({
			type:'GET',
			url:'http://localhost:8090/item/get',
			data:{
				"id":getParam("id")
			},
			xhrFields:{
				withCredentials:true
			},
			success:function(data){
				if(data.status == "success"){
					g_itemVO = data.data;
					reloadDom();
					setInterval(reloadDom, 1000);
				}else{
					alert("获取信息失败，原因为" + data.data.errMsg);
				}
			},
			error:function(data){
				alert("获取信息失败，原因为" + data.responseText);
			}
		});

		function reloadDom(){
			$('#title').text(g_itemVO.title);
			$('#description').text(g_itemVO.description);
			$('#price').text(g_itemVO.price);
			$('#imgUrl').attr("src",g_itemVO.imgUrl);
			$('#stock').text(g_itemVO.stock);
			$('#sales').text(g_itemVO.sales);
			if(g_itemVO.promoStatus == 1){
				//活动未开始
				var startTime = g_itemVO.startDate.replace(new RegExp("-", "gm"),"/");
				startTime = (new Date(startTime)).getTime();
				var nowTime = Date.parse(new Date());
				var delta = (startTime - nowTime)/1000;

				if(delta <= 0){
					g_itemVO.promoStatus = 2;
					reloadDom();
				}

				$("#promoStartDate").text("秒杀活动将于" + g_itemVO.startDate + "开始 倒计时：" + delta + " 秒");
				$("#promoPrice").text(g_itemVO.promoPrice);
				$("#createorder").attr("disabled",true);
			}else if(g_itemVO.promoStatus == 2){
				//活动进行中
				$("#promoStartDate").text("秒杀活动进行中");
				$("#promoPrice").text(g_itemVO.promoPrice);
				$("#createorder").attr("disabled",false);
				$("#normalPriceContainer").hide();
			}
		}


		$("#createorder").on("click",function(){
			$.ajax({
				type:'POST',
				contentType:"application/x-www-form-urlencoded",
				url:'http://localhost:8090/order/createorder',
				data:{
					"itemId":g_itemVO.id,
					"amount":1,
					"promoId":g_itemVO.promoId
				},
				xhrFields:{
					withCredentials:true
				},
				success:function(data){
					if(data.status == "success"){
						alert("下单成功");
						window.location.reload();
					}else{
						alert("下单失败，原因为" + data.data.errMsg);
						if(data.data.errCode == 20003){
							window.location.href="./login.html";
						}
					}
				},
				error:function(data){
					alert("下单失败，原因为" + data.responseText);
				}
			});
		});

	})
</script>
</html>